<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<!--<link rel="shortcut icon" type="image/ico"
          href="http://www.datatables.net/favicon.ico">-->
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/fontawesome/css/font-awesome.min.css">
		<!-- SIMPLE LINE ICONS-->
		<link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
		<!-- ANIMATE.CSS-->
		<link rel="stylesheet" href="css/animate.css/animate.min.css">
		<!-- WHIRL (spinners)-->
		<link rel="stylesheet" href="css/whirl/dist/whirl.css">
		<!-- =============== PAGE VENDOR STYLES ===============-->
		<!-- DATATABLES-->
		<link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">

		<!-- <link rel="stylesheet" href="css/datatables/media/css/dataTables.bootstrap.css">-->
		<!--<link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->

		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<!--    <link rel="stylesheet" href="css/dataTables.fontAwesome/index.css">-->

		<!-- =============== BOOTSTRAP STYLES ===============-->
		<link rel="stylesheet" href="css/bootstrap.css" id="bscss">
		<!-- layer CSS -->
		<link rel="stylesheet" type="text/css" href="js/layer/skin/layer.css">
		<link rel="stylesheet" type="text/css" href="js/layer/skin/layer.ext.css">
		<!-- =============== APP STYLES ===============-->
		<link rel="stylesheet" href="css/app.css" id="maincss">
		<link rel="stylesheet" href="css/myself.css" id="myself">

	</head>

	<body class="dt-example">
		<div class="wrapper">
			<!--header start-->
			<script type="text/javascript" src="header.html"></script>
			<!--header end-->
			<!-- sidebar-->
			<script type="text/javascript" src="left_sidebar.html"></script>
			<!-- offsidebar-->
			<!-- Main section-->
			<section>
				<div class="content-wrapper">
					<h3 class="dogo-css-h3">公墓管理</h3>
					<div class="row">
						<div class="col-lg-12">
							<div class="panel panel-body panel-default">
								<div class="panel-body">
									<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">公墓名称</label>
										<div class="col-lg-8">
											<input type="text" id="selectDustName" class="form-control">
										</div>
									</div>

									<div class="pull-right">
										<span class="dogo-css-checkBtn1" onclick="search()"><img src="img/search.png">查询</span>
										<span class="dogo-css-checkBtn1" onclick="showAddModal()"><img src="img/add.png">添加</span>
									</div>
								</div>
								<div class="table-responsive">
									<table class="table table-hover display" id="example" cellspacing="0" width="100%">
										<thead class="dogo-css-thead"></thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>

			</section>

		</div>
		<!--修改/添加modal-->
		<div class="modal fade" id="edit-modal" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
			<div class="modal-dialog dogo-css-modialog" role="document">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
						<span class="modal-title dogo-css-motitle" id="modal-label">修改公墓</span>
					</div>
					<div class="modal-body" style="height: 240px;overflow-y: auto;">
						<table class="dogo-css-retablebox" border="1" bordercolor="#a0bcc5" width="570" cellspacing="0" cellpadding="5" id="editForm" onkeydown="if(event.keyCode==13){return false;}">
							<tr>
								<td colspan="8">公墓信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">名称</td>
								<td colspan="2">
									<input type="hidden" class="form-control" id="dustId" name="dustId">
									<input class="dogo-css-reinput" type="text" id="dustName" name="dustName" maxlength="20" />
								</td>
								<td class="dogo-css-retable1">负责人</td>
								<td colspan="4">
									<input class="dogo-css-reinput" type="text" id="dustPersionName" name="dustPersionName" maxlength="10"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">联系电话</td>
								<td colspan="8">
									<input class="dogo-css-reinput" type="text" id="dustPersionPhone" name="dustPersionPhone"/>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">所属区域</td>
								<td colspan="8" class="dogo-css-retxt">
									<select class="dogo-css-control m-b" id="dustRegionId"  name="dustRegionId">
										
									</select>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">公墓说明</td>
								<td colspan="5">
									<textarea class="form-control" rows="2" cols="38" id="dustRemark" name="dustRemark" placeholder="请在这里输入文本" maxlength="100"></textarea>
								</td>
							</tr>
						</table>
						
					</div>
					<!--<div class="modal-body" style="height: 240px;overflow-y: auto;">
						<form class="form-horizontal form-stripe" id="editForm" onkeydown="if(event.keyCode==13){return false;}">
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">公墓名称</label>
								<div class="col-sm-6">
									<input type="hidden" class="form-control" id="dustId" name="dustId">
									<input type="text" class="form-control" id="dustName" name="dustName" maxlength="20">
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">公墓说明</label>
								<div class="col-sm-6">
									<textarea class="form-control" rows="4" cols="38" id="dustRemark" name="dustRemark" placeholder="请在这里输入文本" maxlength="100"></textarea>
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">公墓负责人</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="dustPersionName" name="dustPersionName" maxlength="10">
								</div>

							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">联系电话</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="dustPersionPhone" name="dustPersionPhone">
								</div>

							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-label">所属区域</label>
								<div class="col-sm-6">
									<select id="dustRegionId" class="selected form-control" name="dustRegionId"></select>
								</div>

							</div>

						</form>-->
					<!--</div>-->
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal" id="saveProjectInfo">确定</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>
		<!--search-->
		<div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
			<div class="modal-dialog dogo-css-modialog" role="document">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
						<span class="modal-title dogo-css-motitle" id="info-modal-label">公墓详情展示</span>
					</div>
					<div class="modal-body" style="height: 280px;overflow-y: auto;">
						<table class="dogo-css-retablebox" border="1" bordercolor="#a0bcc5" width="564" cellspacing="0" cellpadding="5" >
							<tr>
								<td colspan="8">公墓信息：</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">名称</td>
								<td colspan="2">
									<span id="infoDustName"></span>
								</td>
								<td class="dogo-css-retable1">负责人</td>
								<td colspan="4">
									<span id="infoDustPersionName "></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">联系电话</td>
								<td colspan="8">
									<span id="infoDustPersionPhone"></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">所属区域</td>
								<td colspan="8" class="dogo-css-retxt">
									<span id="infoAreaName"></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">墓穴数</td>
								<td  colspan="2">
									<span id="infoDustGraveCount"></span>
								</td>
								<td colspan="2" class="dogo-css-retable">已安葬数</td>
								<td colspan="2">
									<span id="infoDustOkGraveCount"></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">空墓穴数</td>
								<td colspan="8">
									<span id="infoDustNoGraveCount"></span>
								</td>
							</tr>
							<tr>
								<td class="dogo-css-retable">公墓说明</td>
								<td colspan="5">
									<span id="infoDustRemark"></span>
								</td>
							</tr>
						</table>
						<!--<form class="form-horizontal form-stripe">
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">公墓名称</label>
								<div class="col-sm-9">
									<span id="infoDustName"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">公墓说明</label>
								<div class="col-sm-9">
									<span id="infoDustRemark"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">公墓负责人</label>
								<div class="col-sm-9">
									<span id="infoDustPersionName "></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">联系电话</label>
								<div class="col-sm-9">
									<span id="infoDustPersionPhone"></span>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">所属区域</label>
								<div class="col-sm-9">
									<span id="infoAreaName"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">墓穴数</label>
								<div class="col-sm-9">
									<span id="infoDustGraveCount"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">已安葬数</label>
								<div class="col-sm-9">
									<span id="infoDustOkGraveCount"></span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label dogo-css-search">空墓穴数</label>
								<div class="col-sm-9">
									<span id="infoDustNoGraveCount"></span>
								</div>
							</div>
						</form>-->
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="regionModel" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
			<div class="modal-dialog" role="document">
				<div class="modal-content  dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" class="close dogo-css-moclose" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
						<h4 class="modal-title dogo-css-motitle" id="odal-label">公墓区管理</h4>
					</div>
					<div class="modal-body" style="height: 240px;overflow-y: auto;">
						<!-- <button type="button" class="btn btn-default" id="addRegion" >添加区</button>-->
						<div class="dogo-css-areahbtn">
							<span class="dogo-css-checkBtn1" id="addRegion">
                        <img src="img/add.png">添加区</span>
						</div>
						<input type="hidden" id="hideDustId">

						<ul class="dogo-css-areaul">
							<li>
								<em class="fa fa-object-ungroup"></em>
								<span id="infoDustNameByRegion"></span>
								<ul class="dogo-css-arealist" id="regionList">

								</ul>
							</li>
						</ul>
					</div>
					<div class="modal-footer">

						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					</div>

				</div>
			</div>
		</div>
		</div>

		<!-- JQUERY-->
		<script src="js/jquery/dist/jquery.js"></script>
		<!-- BOOTSTRAP-->
		<script src="js/bootstrap/dist/js/bootstrap.js"></script>
		<!-- STORAGE API-->
		<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
		<!-- lay API-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/layer/extend/layer.ext.js"></script>
		<!-- DATATABLES-->
		<script src="js/jquery.dataTables.min.js"></script>
		<!-- =============== APP SCRIPTS ===============-->
		<script src="js/app.js"></script>
		<script src="js/myself.js"></script>
		<script src="js/project/common.js"></script>
		<script src="js/project/dustManager.js"></script>

	</body>

</html>